{{!
* Licensed to the Apache Software Foundation (ASF) under one
* or more contributor license agreements.  See the NOTICE file
* distributed with this work for additional information
* regarding copyright ownership.  The ASF licenses this file
* to you under the Apache License, Version 2.0 (the
* "License"); you may not use this file except in compliance
* with the License.  You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
}}

<div id="step4" class="wizard-content col-md-9">
  <h4 class="step-title">{{t installer.step4.headerFS}}</h4>
  <p class="step-description">{{t installer.step4.bodyFS}}</p>
  <div class="panel panel-default">
    <div class="panel-body">
      <table class="table table-hover">
        <thead>
        <tr>
          <th class="checkbox-row"></th>
          <th {{QAAttr "service-name-header"}} class="col-md-3">{{t common.service}}</th>
          <th {{QAAttr "service-version-header"}} id="service-version">{{t common.version}}</th>
          <th {{QAAttr "service-description-header"}} id="service-description">{{t common.description}}</th>
        </tr>
        </thead>
        <tbody>
        {{#each service in controller.fileSystems}}
          {{#unless service.isHiddenOnSelectServicePage}}
            <tr {{QAAttr "service-row"}} {{bindAttr class="service.isSelected:active service.isSelected:service-selected"}} {{action toggleCheckBox service target="view"}} >
              <td class="checkbox-cell">
                <div class="checkbox">
                  {{view App.CheckboxView checkboxClassNamesBinding="service.serviceName" data-qa="toggle-service"
                  disabledBinding="service.isDisabled"
                  checkedBinding="service.isSelected"
                  }}
                </div>
              </td>
              <td {{QAAttr "service-name"}}>{{service.displayNameOnSelectServicePage}}</td>
              <td {{QAAttr "service-version"}}>{{service.serviceVersionDisplay}}</td>
              <td {{QAAttr "service-description"}}>{{{service.comments}}}</td>
            </tr>
          {{/unless}}
        {{/each}}
        </tbody>
      </table>
    </div>
  </div>

  <h4 class="step-title">{{t installer.step4.header}}</h4>
  <p class="step-description">{{t installer.step4.body}}</p>

  <div class="panel panel-default">
    <div class="panel-body">
      <table class="table table-hover">
        <thead>
        <tr>
          <th>
            {{view App.CheckboxView data-qa="toggle-all" disabledBinding="isInstalled" checkedBinding="isAllChecked"}}
          </th>
          <th {{QAAttr "service-name-header"}} class="col-md-3">{{t common.service}}</th>
          <th {{QAAttr "service-version-header"}} id="service-version">{{t common.version}}</th>
          <th {{QAAttr "service-description-header"}} id="service-description">{{t common.description}}</th>
        </tr>
        </thead>
        <tbody>
        {{#each service in controller}}
          {{#unless service.isHiddenOnSelectServicePage}}
            {{#unless service.isDFS}}
              <tr {{QAAttr "service-row"}} {{bindAttr class="service.isSelected:active service.isSelected:service-selected"}} {{action toggleCheckBox service target="view"}}>
                <td class="checkbox-cell">
                  <div class="checkbox">
                    {{view App.CheckboxView checkboxClassNamesBinding="service.serviceName" data-qa="toggle-service"
                    disabledBinding="service.isDisabled"
                    checkedBinding="service.isSelected" }}
                  </div>
                </td>
                <td {{QAAttr "service-name"}}>{{service.displayNameOnSelectServicePage}}</td>
                <td {{QAAttr "service-version"}}>{{service.serviceVersionDisplay}}</td>
                <td {{QAAttr "service-description"}}>{{{service.comments}}}</td>
              </tr>
            {{/unless}}
          {{/unless}}
        {{/each}}
        </tbody>
      </table>
    </div>
  </div>
</div>


<div class="wizard-footer col-md-12">
  <div class="btn-area">
    {{#unless view.parentView.controller.hideBackButton}}
      <button type="button" {{QAAttr "wizard-back"}} class="btn btn-default pull-left installer-back-btn" {{bindAttr disabled="App.router.btnClickInProgress"}} {{action back}}>
        &larr; {{t common.back}}
        {{#if App.router.backBtnClickInProgress}}
          {{view App.SpinnerView tagName="span" classNames="service-button-spinner"}}
        {{/if}}
      </button>
    {{/unless}}
    {{template "templates/wizard/installer_cancel_button"}}
    <button type="button" {{QAAttr "wizard-next"}} class="btn btn-success pull-right" {{bindAttr disabled="isSubmitDisabled"}} {{action submit target="controller"}}>
      {{#if App.router.nextBtnClickInProgress}}
        {{view App.SpinnerView tagName="span" classNames="service-button-spinner"}}
      {{/if}}
      {{t common.next}} &rarr;
    </button>
  </div>
</div>
